<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Welcome to Rentpad!</title>
        <style>
            a {color:#404042;text-decoration:none;}      /* unvisited link */
            a:visited {color:#404042;}  /* visited link */
            a:hover {color:#404042;}  /* mouse over link */
            a:active {color:#404042;}  /* selected link */
        </style>
        <script type="text/javascript" src="${model.props.appPath}/js/google/analytics.js"></script>               
        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
            ga('create', 'UA-44197833-1', 'rentpad.com.ph');
            ga('send', 'pageview');
        </script>                
    </head>

    <body style="text-align: center; background-color: #FAFAFA; color: #404042; font-family: Century Gothic, Calibri, Verdana; padding: 0px; margin: 0px;">                

        <div id="fb-root"></div>
        <script>(function(d, s, id) {
          var js, fjs = d.getElementsByTagName(s)[0];
          if (d.getElementById(id)) return;
          js = d.createElement(s); js.id = id;
          js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>

        <div style="margin-top: 0px; background-color: white;">

            <table cellpadding="0" cellspacing="0"style="width: 100%; margin-top: 0px; background-color: white; border-collapse: collapse;">
                <tr>
                    <td>                        
                        <%@include file="header.jsp" %>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div style="width: 100%; text-align: center; font-family: Century Gothic, Calibri, Verdana; color: #404042; background-color: white; background: url('${model.props.appPath}/img/content-bg-short.jpg'); background-repeat: repeat-x; display: block; position: relative; top: -2px;">

                            <div style="width: 1100px; margin: 0 auto; text-align: center; border: 0px solid ">

                                <br>
                                <br>

                                <table cellpadding="10px" cellspacing="10px" style="font-size: 14px; width: 100%;">
                                    <tr>
                                        <td colspan="2" align="left">                                            
                                            <h1>&nbsp;&nbsp;Welcome aboard! &nbsp;You can now login to your account and start posting.</h1>
                                            <hr>
                                            <br>
                                            <span style="font-size: 17px;">&nbsp;&nbsp;&nbsp;&nbsp;Meanwhile, make sure you get the latest from us, we don't want you to miss out on the cool stuff ;)</span>
                                            <br><br>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="50%" style="vertical-align: top; background-color: #fafafa;" align="middle">
                                            <br>
                                            <h2>Ye on Facebook?</h2>
                                            <div class="fb-like-box" style="background-color: white;" data-href="http://www.facebook.com/rentpad" data-width="450" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
                                            
                                            <br> 
                                            <br>  
                                        </td>
                                        <td style="vertical-align: top;background-color: #fafafa;" align="middle">
                                            <br>
                                            <h2>We're on Google Plus too!</h2>
                                            <!-- Place this tag where you want the widget to render. -->
                                            <div class="g-page" data-width="450" data-href="https://plus.google.com/116750398542106968093" data-rel="publisher"></div>

                                            <!-- Place this tag after the last widget tag. -->
                                            <script type="text/javascript">
                                              (function() {
                                                var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                                                po.src = 'https://apis.google.com/js/platform.js';
                                                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                                              })();
                                            </script>
                                            <br> 
                                            <br>  
                                        </td>
                                    </tr>
                                </table>
                            </div>

                            <br><br><br><br>   
                            <a href="${model.props.appPath}/login.htm" style="color: #369; font-size: 20px; text-decoration: underline;">Continue to login page</a>
                            <br><br><br><br>  

                        </div>
                        
                    </td>
                </tr>
                
                <tr>
                    <td>                        
                        <div>
                            <%@include file="footer.jsp" %>
                        </div>
                    </td>
                </tr>
                
            </table>


        </div>

    </body>

</html>
